.page3 h2{
	width: 363px;
	height: 83px;
	background: url(../images/tit_3_731a883.png) no-repeat;
	margin: 0 auto;
}

.page3 a{
	width: 158px;
	height: 66px;
	float: left;
	transition: all .3s linear;
	margin-right: 8px;
	font-size: 0;
}

.biaoti{
	width: 338px;
	height: 66px;
	margin-top: 6px;
	margin-left: 96px;
}

.mouses{
	background: url(../images/role_hd_1_56cb4a8.png) no-repeat;
}
.mouses:hover{
	background: url(../images/role_hd_1_h_178673b.png) no-repeat;
}

.cats{
	background: url(../images/role_hd_2_d5fece9.png) no-repeat;
}
.cats:hover{
	background: url(../images/role_hd_2_h_b04cc2d.png) no-repeat;
}

.shubj{
	background: url(../images/role_hd_1_h_178673b.png) no-repeat;
}

.maobj{
	background: url(../images/role_hd_2_h_b04cc2d.png) no-repeat;
}

.kuang{
	width: 690px;
	height: 330px;
	margin-left: 96px;
	margin-top: 8px;
	position: relative;
	z-index: 2;
	margin-right: auto;
	overflow: hidden;
}

.shu{
	width: 2070px;
	height: 330px;
	position: absolute;
	left: 0;
}

.mao{
	width: 690px;
	height: 330px;
	position: absolute;
	display: none;
}

.kuang ul{
	width: 690px;
	height: 330px;
	float: left;
}

.kuang li{
	width: 125px;
	height: 165px;
	background: url(../images/rolehead_bg_b1d1de4.png) no-repeat;
	position:relative;
	overflow: hidden;
	float: left;
	margin-right: 12px;
	margin-bottom: -10px;
	cursor: pointer;
}
.kuang li:hover{
	background: url(../images/rolehead_bg_h_dbad108.png) no-repeat;
}

.libj{
	background: url(../images/rolehead_bg_h_dbad108.png) no-repeat !important;
}

.kuang img{
	width: 104px;
	height: 106px;
	border-radius: 8px;
	display: block;
	margin: 46px auto 0;
}

.page3 .prev{
	width: 65px;
	height: 40px;
	position: absolute;
	top: 380px;
	z-index: 3;
	left: 22px;
	background: url(../images/btn_prev_488f58c.png) no-repeat;
}

.page3 .next{
	width: 65px;
	height: 40px;
	position: absolute;
	top: 380px;
	z-index: 3;
	right: 364px;
	background: url(../images/btn_next_902c13a.png) no-repeat;
}

.roleImg{
	width: 448px;
	height: 520px;
	background: url(../images/role_bg_4c4a59f.png) no-repeat center bottom;
	position: absolute;
	right: -7px;
	bottom: -14px;
	z-index: 2;
}

.kuang2{
	width: 448px;
	height: 520px;
	position: relative;
}

.kuang2 img{
	width: 370px;
	height: 470px;
	position: absolute;
	left: 30px;
	display: none;
}

.roleImg a{
	width: 198px;
	height: 65px;
	background: url(../images/btn_details_57f6495.png) no-repeat;
	display: block;
	position: absolute;
	bottom: 20px;
	right: -7px;
	z-index: 2;
}

.shu2{
	float: left;
}

.mao2{
	float: left;
	/* display: none; */
}








